<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单练习</title>
</head>
<body>

<!-- 姓名和昵称的等于是输入的时候显示具体的内容，密码是等于在页面输入的时候内容隐藏的  -->
<!-- placeholder是输入框显示的提示信息   maxlength是输入框最大长度
     redonly是输入框不可修改   disabled是输入框不可用
     checked默认选中的   value是输入框的默认值-->
 <form action="#">
   关联文字：<!-- 点击文字会自动聚焦，然后进行输入 -->
            <label for="uu">关联文字</label>
            <input type="text" id="uu"><br>
   姓名：<input type="text" name="uname" placeholder="请输入姓名" maxlength="6"><br>
   昵称：<input type="text"  name="nickname" value="rose2" readonly><br>
   昵称：<input type="text"  name="nickname" value="rose2" disabled><br>
   密码：<input type="password" name="pwd" value="rose3"><br>
   性别：<input type="radio" name="gender" value="1">男
        <input type="radio" name="gender" value="2" checked>女<br>
   爱好：
        <input type="checkbox" name="like" value="cy" checked>抽烟
        <input type="checkbox" name="like" value="hj" checked>喝酒
        <input type="checkbox" name="like" value="tt" checked>烫头
        <input type="checkbox" name="like" value="Java" checked>学Java   <br>
   生日：    <!-- 添加选则的年月日 -->
        <input type="date" name="birthday" > <br>
   幸运色:    <!-- 添加选则的颜色 -->
        <input type="color" name="luckyColor"><br>
   缩放：    <!-- 添加放大或者缩小 -->
        <input type="range" name="uNum"><br>
   上传文件： <!-- 上传需要的文件 -->
        <input type="file" name="file"><br>
   留言板：<!-- style="resize: none":不允许改变留言板的大小 -->
        <textarea style="resize: none"></textarea>  <br>
  关联控件：<!-- 勾选 id="ok"是关联控件的id -->
          <input type="checkbox" id="ok">
          <label for="ok">我同意以上协议</label>  <br>
  喜欢的城市：<!-- 有selected则是默认选项 -->
          <select name="city">
              <option value="bj">北京</option>
              <option value=“sh” selected>上海</option>
              <option value="gz">广州</option>
              <option value="sz">深圳</option>
          </select>


   <hr>
<!-- 提交按钮  -->
   <input type="submit" value="点我提交">
<!-- 重置按钮  -->
   <input type="reset" value="重置按钮">
   </br>
<!-- 普通按钮  -->
   <input type="button" value="普通按钮">
    <button>普通按钮</button>
 </form>
</body>
</html>